草庐IT

html 图像

全部标签

javascript - 将 Canvas 图像和 Canvas alpha 蒙版合并到 dataurl 生成的 png

给定两个像素大小相同的Canvas,其中canvas1包含任意图像(jpg、png等),canvas2包含黑色和非黑色像素。我想要实现的目标:使用第三个canvas3我想克隆canvas1并让每个黑色canvas2像素(可能包括黑色阈值)在canvas3中都是透明的我已经有了这样一个可行的解决方案:canvas3context.drawImage(canvas1,0,0);varc3img=canvas3context.getImageData(0,0,canvas3.width,canvas3.height);varc2img=canvas2context.getImageData(

javascript - Colorthief.js 与 Polymer.js - 查找导致 onload 事件的图像的原色

我正在使用Polymer构建一个MaterialWeb应用程序,我想获取页面上图像的主要颜色和次要颜色。我正在使用on-click事件来触发一个函数,该函数从图像中检索数据并获取颜色。问题是除了实际引用图像之外,该函数工作正常--ColorThief似乎无法“看到”图像。这是我的代码:图片:colorthis函数:Polymer('paper-albums',{colorthis:function(event,detail,sender){vari=sender.dataset.albumno,cT=newColorThief(),pallete=cT.getPalette(event

javascript - 浏览器在使用 CSS 缩放图像时通常使用什么算法?

我正在尝试让canvas以与CSS相同的视觉保真度渲染缩放图像。根据我的测试(在Chrome版本43.0.2357.130中完成),它似乎不是Lanczos3,尽管我使用ResampleScope进行了测试。表明它应该是。看这里:用于产生这些结果的代码:“CSS”:“Canvas绘制图像”:ctxNative.drawImage(img,0,0,200,200);“Canvas变换”:ctxTransform.transform(200/img.width,0,0,200/img.height,0,0);ctxTransform.drawImage(img,0,0,img.width,

javascript - 为什么 Rails 默认不在 HTML 页面底部包含 Javascript 文件?

我读了here最好在HTML页面底部包含Javascript文件。为什么RubyonRails默认不这样做? 最佳答案 我猜Rails包括你的application.js在默认情况下,因为它假定您将通过Assets管道最小化事物。如果脚本是由单个HTTP请求并行加载的单个外部文件,则无需担心脚本包含在何处。 关于javascript-为什么Rails默认不在HTML页面底部包含Javascript文件?,我们在StackOverflow上找到一个类似的问题:

jquery-plugins - 带有动态加载图像和链接的 Javascript 或 jQuery 图像轮播

是否有一个好的javascript或jQuery图像轮播可以显示5张图像,如果有更多图像,用户可以单击下一步,以下图像源和链接URL将通过AJAX加载?很有可能有数千张图片,并且每张链接都指向专门针对该图片的网页,因此我基本上需要一个能够有效处理这种情况的图片轮播。 最佳答案 我认为JQueryCyclePlugin会让你完成50%的路程。此工具非常易于使用,我认为将为您提供您所追求的“点击以获取更多”图像功能(带有一些非常漂亮的过渡效果)。但是,我只将插件与页面中定义的所有图像一起使用。就我而言,我正在做一个“幻灯片放映”来演示应

javascript - 强制粘贴事件以 base64 编码图像

背景:我正在为我的公司开发一个HTML5网络应用程序,它基本上是一个将信息存储在数据库中的富文本编辑器(类似于Google文档)。我们使用CKEditor3作为富文本编辑器,并使用Jquery来完成它。我们选择了Google的Chrome作为首选浏览器。我们的应用目前处于alpha测试阶段,有一组18名测试人员(与将使用该应用的人员相同)。这些人五花八门,但几乎都具备基本的计算机技能,主要局限于MSWord和MSExcel。.问题:我们的大部分用户仍然使用word来制作文档,主要是因为它能够生成丰富的流程图。当他们将生成的内容复制/粘贴到Chrome时,图像将作为指向本地文件的链接粘贴

javascript - 过滤 jQuery 数据表时如何忽略 HTML?

我正在使用jQueryDataTablesplugin,其中的过滤功能有一个小问题。如果我有一个表格单元格,其内容类似于Blah,然后过滤“6”,即使“Blah”中没有“6”,该单元格也会出现。我想要做的是让DataTables插件在过滤时忽略HTML。我试过搜索DataTables网站,发现相互矛盾、无用的线索。一篇帖子建议我需要一个sType:'html'我的aaColumns定义中的选项,但我试过了但没有帮助......加上后来的帖子建议当前版本的DataTables自动检测HTMLsType。我还找到了这段代码片段://MakefilteringignoreHTML(seeht

javascript - 为什么 uploadcare 每 N 毫秒重绘 html 标签?

在使用Uploadcare时文件上传小部件,我注意到Uploadcare脚本不断重绘HTML标签。我不确定重绘是否是正确的术语,但这是正在发生的事情:检查chromedevtoolsHTML标记突出显示,当您在元素上添加/删除属性时,行为相同。而且它似乎并没有结束,它只是每隔Nms就一直持续下去。大家可以在他们的主页上自己查一下Uploadcare.com,只需打开devtools并查看HTML标签。有人知道为什么要这样做吗?它在叫什么?它会对移动用户造成性能问题吗? 最佳答案 Uploadcare插件每100毫秒在页面上搜索新的小

javascript - 如何在不迷失方向的情况下移动旋转 Canvas 图像?

我已将图像加载到Canvas中。旋转后,我无法(拖动)正确移动图像。实际上,它会移动,但它会根据图像的坐标平面移动。因此,将旋转90度的图像向右移动,会向下移动,而不是像预期的那样向右移动。解决这个问题的好方法是什么?这是我的绘制函数:functiondraw(){varim_width=parseInt(imageObj.width+resizeAmount);varim_height=parseInt(imageObj.height+resizeAmount);varrotationAmount=rotationVal-prevRotation;prevRotation=rotat

javascript - 背景图像调整大小以适合

我试图让背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率调整它的大小(不确定通常使用什么,但我认为浏览器大小很有意义这里)。这个想法是,如果查看器屏幕很小,则背景图像会变小,并且随着屏幕变大,图像会扩展以适应其最大尺寸。我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。 最佳答案 我猜你正在寻找类似的东西:http://css-tricks.com/how-to-resizeable-background-image/ 关于javascript-背景图像调